import Vue from 'vue'

let app = new Vue({
  name: 'app',
  computed: {

  },
  el: '#app',
  template: `<div>{{text}}-{{obj.a}}</div>`,
  data () {
    return {
      obj: {},
      text: 123
    }
  },
  watch: {
    text (newText, oldText) {}

  },
  mounted () {
    // this.obj.a = 123123123
    this.$set(this.obj, 'a', '123123121231233123')// 后面data挂着数据

    // let c = 0
    // setInterval(() => {
    //   this.obj.a = c++
    // }, 1000)

    // this.$delete(this.obj.a)
    // console.log(this.$data)
  },

  activated () {

  }

})

setTimeout(() => {
  // app.$data.obj.a = 123123
  // app.$forceUpdate()

  console.log(app.$options)
  console.log(app.$data)
  console.log(app.$el)
  console.log(app.$props)
  console.log(app.$root === app)
  console.log(app.$children)
  console.log(app.$slots)
  console.log(app.$watch)

  // app.$set(app.obj, 'a', '1231231')
}, 1000)
